<!--<template>-->
<!--  <div>-->
<!--    <div id="pie" :style="{width: '100%', height: '800px'}"></div>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->


<!--import {getAllReport} from "@/api/report";-->
<!--import data from "lodash";-->

<!--export default {-->
<!--  name: "report",-->
<!--  mounted() {-->
<!--    this.drawLine()-->
<!--  },-->
<!--  data() {-->
<!--    return{-->
<!--      seriesData :[],-->
<!--      legendData :[]-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    drawLine() {-->
<!--      const pieOption = {-->
<!--        title: {-->
<!--          text: '销量报表',-->
<!--          left: 'center'-->
<!--        },-->
<!--        tooltip: {-->
<!--          trigger: 'item',-->
<!--          formatter: '{a} <br/>{b} : {c} ({d}%)'-->
<!--        },-->
<!--        legend: {-->
<!--          type: 'scroll',-->
<!--          orient: 'vertical',-->
<!--          left: 10,-->
<!--          top: 20,-->
<!--          bottom: 20,-->
<!--          data: []-->
<!--        },-->

<!--        series: [-->
<!--          {-->
<!--            name: '类别',-->
<!--            type: 'pie',-->
<!--            radius: '55%',-->
<!--            center: ['50%', '50%'],-->
<!--            data:[],-->
<!--            emphasis: {-->
<!--              itemStyle: {-->
<!--                shadowBlur: 10,-->
<!--                shadowOffsetX: 0,-->
<!--                shadowColor: 'rgba(0, 0, 0, 0.5)'-->
<!--              }-->
<!--            }-->
<!--          }-->
<!--        ]-->
<!--      };-->

<!--      // 基于准备好的dom，初始化echarts实例-->
<!--      let myChart = this.$echarts.init(document.getElementById('pie'))-->
<!--      getAllReport().then(res => {-->
<!--        this.seriesData = res.data.map(item =>({-->
<!--          value: item.shoeSales,-->
<!--          name: item.shoeName,-->
<!--        }))-->
<!--        // console.log(this.seriesData)-->
<!--        pieOption.series[0].data=this.seriesData-->
<!--        this.legendData = res.data.map(item => item.shoeName)-->
<!--        // console.log(this.legendData)-->
<!--        pieOption.legend.data=this.legendData-->
<!--        console.log(pieOption)-->
<!--        myChart.setOption(pieOption);-->
<!--      })-->



<!--    }-->
<!--  },-->
<!--};-->
<!--</script>-->

<!--<style scoped>-->
<!--</style>-->
